<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="../js/lib/flexible.js"></script>
    <link rel="stylesheet" href="../css/bootstrap.min.min.css"/>

    <link rel="stylesheet" href="../css/bootstrap-datetimepicker.min.min.css"/>
    <link rel="stylesheet" href="../css/common.min.css">
</head>
<body id="index">
<div class="header">
    <i class="icon-camera-retro icon-4x"></i>
</div>
<div class="container">
    <div class="col-md-3 create">
        <div class="footer">
            <div class="col-md-4">
                <button class="btn btn-primary">生成报道</button>
            </div>
            <div class="col-md-4">
                <button class="btn btn-primary">生成报道</button>
            </div>
            <div class="col-md-4">
                <button class="btn btn-primary">生成报道</button>
            </div>
        </div>
    </div>
    <div class="col-md-6 design">
        <form>
            <div class="form-group">
                <label class="control-label">单行文本</label>
                <input type="text" class="form-control" placeholder="" >
                <span class=""></span>
            </div>
            <div class="form-group">
                <label class="control-label">数字框</label>
                <input type="number" class="form-control" placeholder="" >
                <span class=""></span>
            </div>
            <div class="form-group">
                <label class="control-label">多行文本</label>
                <textarea class="form-control" placeholder="" ></textarea>
            </div>
            <div class="form-group">
                <label class="control-label">多选框</label>
                <div class="" data-toggle="buttons">
                    <label for="" class="btn btn-default">
                        <input type="checkbox" name="sex" value="男" >男
                    </label>
                    <label for="" class="btn btn-default">
                        <input type="checkbox" name="sex" value="女" >女
                    </label>
                    <label for="" class="btn btn-default">
                        <input type="checkbox" name="sex" value="男" >男
                    </label>
                    <label for="" class="btn btn-default">
                        <input type="checkbox" name="sex" value="女" >女
                    </label>
                    <label for="" class="btn btn-default">
                        <input type="checkbox" name="sex" value="男" >男
                    </label>
                    <label for="" class="btn btn-default">
                        <input type="checkbox" name="sex" value="女" >女
                    </label>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label">单选框</label>
                <div class="btn-group" data-toggle="buttons">
                    <label for="" class="btn btn-default active">
                        <input type="radio" name="sex" value="男" checked>男
                    </label>
                    <label for="" class="btn btn-default">
                        <input type="radio" name="sex" value="女" >女
                    </label>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label">下拉框</label>
                <select class="form-control">
                    <option value="">1</option>
                    <option value="">2</option>
                    <option value="">3</option>
                    <option value="">4</option>
                </select>
            </div>
            <div class="form-group">
                <label class="control-label">日期</label>
                <div class="input-append date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
                    <input class="span2" size="16" type="date" value="12-02-2012">
                    <span class="add-on"><i class="icon-remove"></i></span>
                    <span class="add-on"><i class="icon-table"></i></span>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label">时间</label>
                <input type="time" class="form-control" placeholder="" >
            </div>
            <div class="form-group">
                <label class="control-label">文件上传</label>
                <input type="file" class="form-control" placeholder="" >
            </div>
        </form>
    </div>
    <div class="col-md-3 generate">

    </div>
</div>

<script type="text/javascript" src="../js/lib/htmlFont.js"></script>
<script type="text/javascript" src="../js/lib/jquery.min.js"></script>
<script type="text/javascript" src="../js/lib/zepto.js"></script>
<script type="text/javascript" src="../js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/lib/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="../js/lib/locales/bootstrap-datetimepicker.fr.js"></script>
<script>
    $('#datetimepicker').datetimepicker({
        format:yyyy-mm-dd,
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        forceParse: 0,
        showMeridian: 1
    });
</script>
</body>
</html>